<!DOCTYPE html>
<html lang="zh"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>(客服部)-企业客户详情</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <link rel="stylesheet" href="/css/bootstrapValidator.min.css" />
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css"/>
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css"/>
    <link rel="stylesheet" href="/css/skin.css"/>
    <link rel="stylesheet" type="text/css" href="/css/daterangepicker.css" />
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-multiselect.css" type="text/css"/>
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="/css/skin.css" />
    <!--客户详情自定义css-->
    <link rel="stylesheet" href="/css/csd/customerManager/customerDetail.css"/>
</head>

<body>
    <div class="container-fluid p-t-15">
        <div class="row">
            <div class="col-sm-5 get-height">
                <div class="card ">
                    <div class="card-header">
                        <h1 class="customer-information">客户资料 <span class="customer-grey">(客户编号：<span th:text="${customer?.customerNumber?:''}"></span>)</span></h1>
                        <div class="card-actions pull-right">
                            <button class="btn btn-link" id="editInfo" data-toggle="modal" data-target="#editCustomerModal">编辑<i class="mdi mdi-tune"></i></button>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="pic-header">
                            <div class="pic-img"><img src="/images/csdCustomerDetail/1-3.png" alt=""></div>
                            <div class="pic-column">
                                <span style="display:none" th:text="${customer?.customerId?:''}" id="customerId"></span>
                                <span class="pic-title" th:text="${customer?.customerName?:''}" id="customerNameTitle"> </span>
                                <span class="mdi mdi-alert-circle color-mdi-set" title='存在错误数据' th:if="${customer?.memberErrorData?:''} == 1" data-toggle='tooltip'></span>
                                <span class="mdi mdi-check-circle color-green-set" data-toggle='tooltip' th:if="${customer?.memberErrorData?:''} == 0"></span>
                                <span class="mdi lock-img color-green-set" data-toggle='tooltip' th:if="${customer?.memberErrorData?:''} == 2"></span>
                                <div class="pic-label">
                                    <span class="pseudo-customers" th:text="${customer?.customerType?:''}"></span>
                                    <span class="pseudo-address" th:text="${customer?.customerPoolName?:''}"></span>
                                    <span class="pseudo-subsist" th:text="${customer?.enterpriseStateText?:''}"></span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 membership membership-level">
                                <label class="">会员等级 :</label>
                                <span th:text="${customer?.membershipLevelText?:''}"></span>
                            </div>
                            <div class="col-xs-12 membership member-all">
                                <label class="">所有人 :</label>
                                <span th:text="${customer?.ownerName?:''}"></span>
                            </div>
                            <div class="col-xs-12 membership member-termination-time">
                                <label class="">会员起止时间 :</label>
                                <span id="startTime" th:text="${customer.membershipStartTm!=null?#dates.format(customer?.membershipStartTm,'yyyy-MM-dd'):'-'}"></span>
                                <span>至</span>
                                <span id="endTime" th:text="${customer.membershipExpirationTm!=null?#dates.format(customer?.membershipExpirationTm,'yyyy-MM-dd'):'-'}"></span>
                            </div>
                            <div class="col-xs-12 membership unified-credit-code">
                                <label class="">统一信用代码 :</label>
                                <span th:text="${customer?.unifiedSocialCreditCode?:''}"></span>
                            </div>
                        </div>
                        <!--曾用名与关联企业列表-->
                        <div class="row">
                            <div class="col-xs-12">
                                <p class="header-title">曾用名与关联企业</p>
                                <table id="usedNameAndRelevanceTable"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--工作日志列表-->
            <div class="col-sm-7" >
                <div class="card set-height">
                    <div class="card-header">
                        <h1>工作日志</h1>
                    </div>
                    <div class="card-body " >
                        <table id="workLogTable"></table>
                    </div>
                </div>
            </div>
        </div>

        <div class="card">
            <ul class="nav nav-tabs tabs-lg" role="tablist">
                <li class="active" onclick="dataInfoInit()"><a href="#companyInformation" aria-controls="" role="tab" data-toggle="tab" aria-expanded="true">会员卡管理</a></li>
                <li class="" onclick="productManagementFun()"><a href="#contactList" aria-controls="" role="tab" data-toggle="tab" aria-expanded="false">产品管理</a></li>
                <li class="" onclick="contractAndOrderTableInit()"><a href="#product" aria-controls="" role="tab" data-toggle="tab" aria-expanded="false">合同&订单</a></li>
                <li class="" onclick="contractClick()"><a href="#contract" aria-controls="" role="tab" data-toggle="tab" aria-expanded="false">联系人管理</a></li>
                <li class="" ><a href="#order" aria-controls="" role="tab" data-toggle="tab" aria-expanded="false">业务申诉</a></li>
            </ul>

            <div class="tab-content">
                <!-- 会员卡管理 -->
                <div role="tabpanel" id="companyInformation" class="tab-pane active">
                    <div class="row content-action" >
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="pull-right">

                                <div class="min-search pull-left">
                                    <input class="form-control" type="text" placeholder="请输入会员卡号" id="customerNameMin" name="customerNameMin" autocomplete="off">
                                    <button class="btn btn-primary" type="button" onclick="searchNameMin()" ><i class="mdi mdi-magnify"></i><span>搜索</span></button>

                                </div>
                            </div>
                        </div>

                    </div>
                    <table id="memberCardOld"></table>
                </div>

                <!-- 产品管理 -->
                <div role="tabpanel" id="contactList" class="tab-pane">
                    <div class="row content-action" style="display: none;">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="pull-right">

                                <div >

                                    <input type="checkbox" class="check_box" checked /><span>只显示会员</span>
                                </div>
                            </div>
                        </div>

                    </div>
                    <table id="productManagement"></table>
                </div>

                <!-- 合同&订单 -->
                <div role="tabpanel" id="product" class="tab-pane">
                    <div class="well form-well">
                        <div class="active-contract">
                            <h3>
                                合同统计
                                <span class="pull-right" style="cursor:pointer;color:#6b7cff" onclick="openSupplementContract()">增补合同<i class="mdi mdi-tune"></i></span>
                            </h3>
                            <table id="customerContractTable"></table>
                        </div>
                        <div class="member-contract" style="margin-top: 10px">
                            <h3>订单统计</h3>
                            <table id="customerOrderTable"></table>
                        </div>
                    </div>
                </div>

                <!-- 联系人管理 -->
                <div role="tabpanel" id="contract" class="tab-pane ">
<!--                    style="display: none;"-->
                    <div class="well form-well select-flex" >
                        <div class="active-contract">
                            <h3>联系人审核</h3>
                            <div class="select-absolute">
                                <select id="contractStatusSelectMultiple" name="contractStatusSelectMultiple" class="form-control form-btn" multiple="multiple">
                                    <option value="0">正确</option>
                                    <option value="1">错误</option>
                                    <option value="2">未审核</option>
                                </select>
                            </div>

                            <div class="select-absolute-occupation">
                                <select id="occupationStatus" name="occupationStatus" class="form-control form-btn" multiple="multiple">
                                    <option value="0">在职</option>
                                    <option value="1">离职</option>
                                </select>
                            </div>
                            <table id="contactReview"></table>
                        </div>
<!--display: none;-->
                        <div class="member-contract" style="margin-top: 10px;">
                            <h3>合同联系人</h3>

                            <div class="select-absolute-contact">
                                <select id="contractContactStatusSelectMultiple" name="contractContactStatusSelectMultiple" class="form-control form-btn" multiple="multiple">

                                    <option value="0">正确</option>
                                    <option value="1">错误</option>
                                    <option value="2">未审核</option>
                                </select>
                            </div>

                            <div class="select-absolute-occupation-contact">
                                <select id="occupationStatusContact" name="occupationStatusContact" class="form-control form-btn" multiple="multiple">
                                    <option value="0">在职</option>
                                    <option value="1">离职</option>

                                </select>
                            </div>

                            <table id="contractContact"></table>
                        </div>
                    </div>
                </div>
                <!-- 业务申诉 -->
                <div role="tabpanel" id="order" class="tab-pane">

                </div>
            </div>
        </div>
    </div>

    <!-- 修改客户信息弹框 -->
    <div class="modal fade" tabindex="-1" role="dialog" id="editCustomerModal">
        <div class="modal-dialog" role="document" style="width: 60%;">
            <div class="modal-content">
                <div class="modal-header">
                    <h4>修改信息</h4>
                </div>
                <form id="customerForm">
                    <input type="hidden" name="customerId" id="customer-id"/>
                    <div class="modal-body">
                        <div class="row" style="padding: 0 90px;">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                <label class="control-label label-required" >客户名称</label>
                                <div class="form-content">
                                    <input type="text" class="form-control" id="customerName" placeholder="请选择客户名称" name="customerName">
                                </div>
                            </div>

                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                <label class="control-label label-required" >会员等级</label>
                                <div class="form-content">
                                    <select id="membershipLevelSelect" name="membershipLevelSelect" class="form-control" data-live-search="true" onchange="changeTimer(this)">
                                        <option value="">请选择</option>
                                        <option value="0">非会员客户</option>
                                        <option value="1">VIP1</option>
                                        <option value="2">VIP2</option>
                                        <option value="3">VIP3</option>
                                        <option value="4">VIP4</option>
                                        <option value="5">VIP5</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 form-group">
                                <label class="control-label " >所属分公司</label>
                                <div class="form-content">
                                    <select id="companySelect" name="companySelect" class="form-control" data-live-search="true">
                                    </select>
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 form-group">
                                <label class="control-label " >所有人</label>
                                <div class="form-content">
                                    <select id="userSelect" name="userSelect" class="form-control" data-live-search="true">
                                    </select>
                                </div>
                            </div>

                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                <label class="control-label label-required" >会员起止日期</label>
                                <div class="form-content">
                                    <input type="text" class="form-control" id="startAndEndDate" placeholder="请输入会员起止日期" name="startAndEndDate">
                                </div>
                            </div>

                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                <label class="control-label label-required" >统一社会信用代码</label>
                                <div class="form-content">
                                    <input type="text" class="form-control" id="unifiedSocialCreditCode" placeholder="请输入统一信用代码" name="unifiedSocialCreditCode">
                                </div>
                            </div>

                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                <label class="control-label label-required" >数据状态</label>
                                <div class="form-content">
                                    <select id="dataStatusSelect" name="dataStatusSelect" class="form-control" data-live-search="true">
                                        <option value="">请选择</option>
                                        <option value="0">正确数据</option>
                                        <option value="1">错误数据</option>
                                        <option value="2">锁定数据</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">

                                <label class="control-label label-required" >修改备注</label>
                                <textarea class="form-control" placeholder="请输入备注" id="logRemark" name="logRemark"></textarea>
                            </div>

                        </div>
                    </div>

                    <div class="modal-footer">
                        <div class="btn btn-primary form-group sure-remind" onclick="saveUpdateCustomer()" type="submit">确定</div>
                        <div class="btn btn-default" data-dismiss="modal" >取消</div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!--工作日志：查看-->
    <div  id="workLogDetailModal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4>日志查看</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" >
                        <div class="form-group">
                            <label class="col-sm-3 text-right">时间：</label>
                            <div class="col-sm-9">
                                <span id="operate-time"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 text-right">工作内容：</label>
                            <div class="col-sm-9">
                                <span id="log-content"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 text-right">操作人：</label>
                            <div class="col-sm-9">
                                <span id="operate-name"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 text-right">备注：</label>
                            <div class="col-sm-9">
                                <span id="log-remark"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 text-right">附件：</label>
                            <div class="col-sm-9">
                                <a download="" target="_blank" id="log-annex">
                                    <div style="color: #33cabb;margin-right: 20px;" id="uploadFile" ></div>
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer modal-center">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>

    <!--工作日志：备注-->
    <div  id="workLogRemarkEditModal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header modal-link-flex">
                    <h4>添加备注</h4>
                    <button class="btn-link btn-size" onclick="editLink()">修改</button>
                </div>
                <div class="modal-body modal-body-link">
                    <div class="row">
                        <span style="display:none" id="workLogId"></span>
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <h5 class="control-label">备注</h5>
                            <textarea class="form-control" placeholder="请输入备注，不少于10个字" id="remark"></textarea>
                        </div>
                        <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12 file-upload" id="fileUpload">
                            <h5 class="control-label" >附件上传</h5>
                            <div class="col-xs-6">
                                <input type="file" name="logAnnex" id="logAnnex">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary link-sure" onclick="submitWorkLogRemark()">确定</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>

    <!--联系人管理-审核记录-->
    <div  id="contactRecord" class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg" role="document" style="width: 85%">
            <div class="modal-content" >
                <div class="modal-header modal-link-flex">
                    <h4>审核记录</h4>
                </div>
                <form class="form-examine" >
                    <div class="modal-body modal-body-link" style="padding: 20px 150px;">
                        <div class="row examine-record">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                <table id="examineList"></table>
                            </div>

                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                <!--                            <a class="btn ">添加审核</a>-->
                                <a href="javascript:" onclick="addExamine()">添加审核</a>
                            </div>

                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group">
                                <!--                            label-required-->
                                <label class="control-label " >正确联系人</label>

                                <div class="form-content">
                                    <input type="text" class="form-control" id="correctContact" placeholder="请输入正确联系人" name="correctContact" disabled>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group">
                                <!--                            label-required-->
                                <label class="control-label " >正确联系方式</label>

                                <div class="form-content">
                                    <input type="text" class="form-control" id="correctInfor" placeholder="请输入正确联系方式" name="correctInfor" disabled>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group" id="">
                                <label class="control-label label-required" >当前数据状态</label>
                                <select id="currentDataStatus" name="currentDataStatus" class="form-control form-btn" data-live-search="true" disabled>

                                    <option value="0">正确</option>
                                    <option value="1">错误</option>
                                    <option value="2">未审核</option>
                                </select>

                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group">
                                <h5 class="control-label label-required">审核备注</h5>
                                <textarea class="form-control" placeholder="请输入审核备注" id="remarksExamine" name="remarksExamine" disabled></textarea>
                            </div>

                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary link-sure relieve-disabled" onclick="examineClick()" disabled>确定</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!--联系人管理-合同联系人-审核记录-->
    <div  id="contactRecordAudit" class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg" role="document" style="width: 85%">
            <div class="modal-content" >
                <div class="modal-header modal-link-flex">
                    <h4>合同审核记录</h4>
                </div>
                <form class="form-examine-audit" >
                    <div class="modal-body modal-body-link" style="padding: 20px 150px;">
                        <div class="row examine-record">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                <table id="examineAuditList"></table>
                            </div>

                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                <!--                            <a class="btn ">添加审核</a>-->
                                <a href="javascript:" onclick="addExamineAudit()">添加审核</a>
                            </div>

                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group">
                                <!--                            label-required-->
                                <label class="control-label " >正确联系人</label>

                                <div class="form-content">
                                    <input type="text" class="form-control" id="correctContactAudit" placeholder="请输入正确联系人" name="correctContactAudit" disabled>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group">
                                <!--                            label-required-->
                                <label class="control-label " >正确联系方式</label>

                                <div class="form-content">
                                    <input type="text" class="form-control" id="correctInforAudit" placeholder="请输入正确联系方式" name="correctInforAudit" disabled>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group" >
                                <label class="control-label label-required" >当前数据状态</label>
                                <select id="currentDataStatusAudit" name="currentDataStatusAudit" class="form-control form-btn" data-live-search="true" disabled>
                                    <option value="">全部</option>
                                    <option value="0">正确</option>
                                    <option value="1">错误</option>
                                    <option value="2">未审核</option>
                                </select>

                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group">
                                <h5 class="control-label label-required">审核备注</h5>
                                <textarea class="form-control" placeholder="请输入审核备注" id="remarksExamineAudit" name="remarksExamineAudit" disabled></textarea>
                            </div>

                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary link-sure relieve-audit-disabled" onclick="examineClickAudit()" disabled>确定</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!--产品管理-编辑-->
    <input type="hidden" id="finishOrderProductId">
    <div  id="editProductModal" class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg" role="document" style="width: 55%">
            <div class="modal-content" >
                <div class="modal-header modal-link-flex">
                    <h4>修改</h4>
                </div>
                <form class="product-form-edit" >
                    <input type="hidden" name="productStatus" id="productStatus">
                    <div class="modal-body modal-body-link" style="padding: 20px 150px;">
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                <!--                            label-required-->
                                <label class="control-label " >成交价</label>

                                <div class="form-content">
                                    <input type="text" class="form-control" id="productFinalPrice" placeholder="请输入成交价" name="productFinalPrice" readonly>
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                <!--                            label-required-->
                                <label class="control-label " >产品拆分后成交价</label>

                                <div class="form-content">
                                    <input type="text" class="form-control" id="productPartFinalPrice" placeholder="请输入产品拆分后成交价" name="productPartFinalPrice" readonly>
                                </div>
                            </div>

                            <!--
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                <label class="control-label " >业绩金额</label>

                                <div class="form-content">
                                    <input type="text" class="form-control" id="gradeMoney" placeholder="请输入业绩金额" name="gradeMoney" >
                                </div>
                            </div>

                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                <label class="control-label " >拆分后业绩金额</label>

                                <div class="form-content">
                                    <input type="text" class="form-control" id="partGradeMoney" placeholder="请输入拆分后业绩金额" name="partGradeMoney" >
                                </div>
                            </div>
                            -->

                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                <label class="control-label " >产品状态</label>
                                <select id="productStatusSelect" name="productStatusSelect" class="form-control form-btn" data-live-search="true">
                                    <option value="5">已兑换</option>
                                </select>
                            </div>

                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                <label class="control-label label-required" >备注</label>
                                <textarea class="form-control" placeholder="请输入备注" id="product-remark" name="logRemark"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary link-sure" onclick="productClickSure()">确定</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    </div>
                </form>
            </div>
        </div>
    </div>



    <!--合同&订单-增补合同-->
    <div  id="supplementContract" class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document" style="width: 85%">
            <div class="modal-content" >
                <div class="modal-header modal-link-flex">
                    <h4>增补合同</h4>
                </div>
                <main class="clearFix">
                    <form class="clearFix" id="supplementContractForm">
<!--                        <div class="clearFix">-->
<!--                            <div class="form-group clearFix col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">-->
<!--                                <label class="pull-left label-required">联系人:</label>-->
<!--                                <input type="text" class="form-control pull-left"  id="contactName" name="contactName">-->
<!--                            </div>-->
<!--                            <div class="form-group clearFix col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">-->
<!--                                <label class="pull-left label-required">联系方式:</label>-->
<!--                                <input type="text" class="form-control pull-left"  id="contactDetails" name="contactDetails">-->
<!--                            </div>-->
<!--                        </div>-->
                        <div class="clearFix">
                            <div class="form-group clearFix col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                <label class="pull-left label-required">合同起止日期:</label>
                                <div class="form-content input-group formCon">
                                       <input type="text" class="form-control" id="contractDate" name="contractDate" placeholder="请选择合同起止日期" autocomplete="off">
                                </div>
                            </div>
                            <div class="file-group form-group clearFix col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                <label class="control-label pull-left">合同附件:</label>
                                <div class="file-box form-content">
                                    <input type="hidden" id="contractPic" class="image-id" >
                                    <input type="file" accept=".doc,.pdf,.docx" id="contractImg" name="contractImg" class="form-control"  onchange="uploadImg('contractImg')">
                            </div>
                        </div>
                        <div class="form-group clearFix col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                            <div class="clearFix">
                                <label class="label-required pull-left">备注:</label>
                                <textarea rows="5" class="form-control pull-left" id="contractReviewNotes" name="contractReviewNotes"></textarea>
                            </div>

                        </div>
                    </form>

                </main>

                <div class="modal-footer">
                    <button type="button" class="btn btn-primary link-sure relieve-audit-disabled" onclick="confirmAddContract()">确定</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>



</body>

<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script src="/js/crm/common/common.js"></script>
<!--标签插件-->
<script src="/js/jquery-tags-input/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/js/crm/common/dataRangePicker.min.js"></script>

<script type="text/javascript" src="/js/bootstrapValidator.min.js"></script>

<script src="/js/crm/common/companyUserSelect.js"></script>
<!--客户详情自定义js-->
<script src="/js/crm/csd/customerManager/customerDetail.js"></script>
</html>